@charset "utf-8";

body {
	font:12px normal dotum, '돋움', tahoma, AppleGothic, sans-serif;
	padding: 0px;
	margin: 0px;
	color:#666;
	background:url('../images/common/bg_body.gif') repeat-x left top;
}

body.bg_none{background:none;}

*{
	padding: 0px;
	margin: 0px;
}

#container {
	width:930px;
	margin:0 auto;
	padding:0 35px;
	/* position:relative;2011-03-11 */
}

#header {
	position:relative;
	height:87px;
}
	#header h1 {float:left; width:200px; height:22px; margin:9px 0 5px 0; font-size:0;}

	#header ul.toplink{float:right; margin:0; padding:0;}
	#header ul.toplink li{float:left; margin:0; padding:0;}

	#header ul.user_menu {float:right; height:11px;}
	#header ul.user_menu li{float:left; background:url('../images/common/bg_user_menu.gif') no-repeat right 50%; margin:16px 0 0 11px; padding-right:11px;}
	#header ul.user_menu li.last{background:none; padding-right:5px;}

	#header div.gnb_menu{clear:both;}
	#header div.gnb_menu ul.menu{float:left;}
	#header div.gnb_menu ul.menu li{float:left; position:relative;}/* 2011-05-11 */
	#header div.gnb_menu div.blog{float:right;}
	
	#header div.gnb_menu .n_num{background:url('../images/common/bg_n_num.gif') no-repeat left 0; position:absolute; height:15px; padding-left:5px; z-index:9999;}/* 2011-05-11 */
	#header div.gnb_menu .n_num p{background:url('../images/common/bg_n_num.gif') no-repeat right 0; height:15px; padding:1px 7px 0 0; font-size:11px; color:#fff;}/* 2011-05-11 */

	#middle{padding-bottom:60px;overflow:hidden; min-height:650px; height:100%;}/* 2011-02-17 */
		#middle div.left_area{	float:left;width:207px;font: 12px normal dotum, '돋움', tahoma, AppleGothic, sans-serif;
				margin-top:45px;
				background:transparent url('../images/lnb/bg_left_menu_up.gif') repeat-y left bottom;
			}
			div.left_area div.left_title{
				width:176px;
				height:45px;
			}
			
			div.left_area div.left_menu_area ul{
				width:207px;
				padding-bottom:10px;
			}
			div.left_area div.left_menu_area li{
				width:190px;
				height:22px;
				overflow:hidden;
				background:transparent url('../images/lnb/bg_depth2.gif') no-repeat left top;
				border-top:1px solid #e5e5e5;
				color:#555;
				margin-left:2px;
				padding:11px 0 0 13px;
			}
			div.left_area div.left_menu_area li a{font-weight:bold;font-family:dotum, '돋움', tahoma, AppleGothic, sans-serif;}
			div.left_area div.left_menu_area li.lnb_on{
				width:205px;
				height:100%;
				overflow:hidden;
				border:0;
				font-weight:bold;
				margin-left:1px;
				padding:0;
			}
			div.left_area div.left_menu_area li.lnb_on1{
				height:22px;
				background:transparent url('../images/lnb/bg_depth2_on.gif') no-repeat left top;
				border-top:0;
				margin-left:1px;
				padding:11px 0 0 15px;
			}
			div.left_area div.left_menu_area li.lnb_on1 a{color:#fff;}
			div.left_area div.left_menu_area li.no_bor{border:0;}
			div.left_area div.left_menu_area li.lnb_on dl{
				width:205px;
			}
			div.left_area div.left_menu_area li.lnb_on dt{
				height:22px;
				background:transparent url('../images/lnb/bg_depth2_on.gif') no-repeat left top;
				margin-bottom:1px;
				padding:11px 0 0 15px;
			}
			div.left_area div.left_menu_area li.lnb_on dd{
				width:203px;
				background:#f7f7f7;
				margin-left:1px;
				padding:15px 0 0 15px;
			}
			div.left_area div.left_menu_area li.lnb_on dd ul{
				padding:0;
			}
			div.left_area div.left_menu_area li.lnb_on dd li{
				height:12px;
				background:transparent url('../images/lnb/bg_depth3.gif') no-repeat left 2px;
				border:0;
				margin:0;
				padding:0 0 15px 10px;
				font-weight:normal;
			}
			div.left_area div.left_menu_area li.lnb_on dd li a{font-weight:normal;}
			div.left_area div.left_menu_area li.lnb_on dd li.depth3_on{
				background:transparent url('../images/lnb/bg_depth3_on.gif') no-repeat left 2px;
				color:#fe5c00;
			}
			div.left_area div.left_menu_area li.lnb_on dd li.depth3_on a{font-weight:bold;}
			
			*div.left_area div.left_menu_area li.lnb_on dd li{background-position:left 1px;}/* ie */
			*div.left_area div.left_menu_area li.lnb_on dd li.depth3_on{background-position:left 1px;}/* ie */

			div.left_area div.left_menu_area li a{color:#555;}
			div.left_area div.left_menu_area li.lnb_on dt a{color:#fff;}
			div.left_area div.left_menu_area li.depth3_on a{color:#fe5c00;}


		#middle div.contents_area{float:left;width:723px;overflow:hidden;/* 2011-01-24 hgk */}
			div.contents_top_area{
				width:723px;
				height:74px;
				margin-top:28px;
				position:relative;
				font-size:11px;
			}
				div.contents_top_area div.navi{float:right; margin:0 10px 0 0; overflow:hidden;}
				div.contents_top_area div.navi li{float:left;color:#999;padding-right:5px;}
 
			div.contents_top_area h3.s_tit{clear:both; height:35px; margin:5px 0 0 0; padding:0 0 15px 35px; background:url('../images/common/bg_s_tit.gif') no-repeat left bottom;}
		
		#middle div.contents_area p.s_tit_text{padding-left:34px;}

		#middle div.content{padding:20px 0 0 34px; overflow:hidden;}
			#middle div.content h2 {
				background:url('../images/common/sub_bar_bg.gif') no-repeat left top;
				height:23px;
				padding-top:6px;
				text-align:center;
				font-size:12px;
				margin:25px 0 0 0;
				color:#666;
				 word-break: break-all; white-space: pre-wrap; white-space: -moz-pre-wrap;white-space: -pre-wrap;  white-space: -o-pre-wrap;word-wrap: break-word; white-space:normal;/* 2010-12-20 hgk 추가 */
			}

#footer {
	clear:both;
	position:relative;
	overflow:hidden;
	background:#999 url('../images/common/bg_footer.gif') no-repeat center top;
	padding:22px 0 30px 0;
}
	#footer div.footer_arear {position:relative; width:930px; height:70px; margin:0 auto; background:url('../images/common/bg_copy.gif') no-repeat left top;}
		#footer div.footer_arear ul{overflow:hidden;}
		#footer div.footer_arear li{float:left; height:15px; margin-right:29px;}
		#footer div.footer_arear a{display:block; float:left; height:14px; text-indent:-1000px;}
		#footer div.footer_arear address{visibility:hidden;}
		#footer div.footer_arear div.email{position:absolute; top:25px; left:638px; width:112px; height:13px; color:#f00; z-index:999999999;}
		#footer div.footer_arear div.email a{display:block; float:left; width:120px; height:15px; text-indent:-10000px;}
